<?xml version="1.0"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
	<head>
		<meta http-equiv="content-type" content="text/html"; charset="utf-8" />
		<title>Mensch-Ärgere-Dich-Nicht Feld mit CSS</title>
		<link rel="stylesheet" type="text/css" href="css/auswahl.css">
		<script type="text/javascript" src="js/auswahl.js">
		</script>
	</head>
	<body>
		<div class="main">
			<p>Bitte geben Sie im Folgenden an, wieviele Spieler mitspielen und wie diese heißen!</p>
			<form name="spielBeginn" action="spielfeld.html" method="get" accept-charset="UTF-8" onsubmit="return checkInput()">
				<input type="radio" name="anzahlSpieler" value="2" onclick="zweiSpieler()"> 2 Spieler<br />
				<input type="radio" name="anzahlSpieler" value="3" onclick="dreiSpieler()"> 3 Spieler<br />
				<input type="radio" name="anzahlSpieler" value="4" onclick="vierSpieler()"> 4 Spieler<br />
				<div class="left">
					<p>Spieler 1:<br />
						Name: <input class="name" type="text" name="Spieler1" /></li><br />
						Farbe: 
						<select name="FarbeSpieler1">
							<option></option>
							<option id="rot" value="red">Rot</option>
							<option id="gelb" value="yellow">Gelb</option>
							<option id="gruen" value="green">Grün</option>
							<option id="blau" value="blue">Blau</option>
						</select>
					</p>
					<p id="s3">Spieler 3:<br />
						Name: <input class="name" type="text" name="Spieler3" /></li><br />
						Farbe: 
						<select name="FarbeSpieler3">
							<option></option>
							<option id="rot" value="red">Rot</option>
							<option id="gelb" value="yellow">Gelb</option>
							<option id="gruen" value="green">Grün</option>
							<option id="blau" value="blue">Blau</option>
						</select>
					</p>
				</div>
				<div class="right" name="right">
					<p>Spieler 2:<br />
						Name: <input class="name" type="text" name="Spieler2" /></li><br />
						Farbe: 
						<select name="FarbeSpieler2">
							<option></option>
							<option id="rot" value="red">Rot</option>
							<option id="gelb" value="yellow">Gelb</option>
							<option id="gruen" value="green">Grün</option>
							<option id="blau" value="blue">Blau</option>
						</select>
					</p>
					<p id="s4">Spieler 4:<br />
						Name: <input class="name" type="text" name="Spieler4" /></li><br />
						Farbe: 
						<select name="FarbeSpieler4">
							<option></option>
							<option id="rot" value="red">Rot</option>
							<option id="gelb" value="yellow">Gelb</option>
							<option id="gruen" value="green">Grün</option>
							<option id="blau" value="blue">Blau</option>
						</select>
					</p>
				</div><br />
				<input type="submit" value=" Zum Spielfeld " />
				<input type="reset" value=" Zurücksetzen " />
			</form>
			<br />
			<br />
			<p>
				<em>
					Dieses Spiel basiert auf Javascript! Kompatible Browser sind der aktuellste 
					<a href="http://www.mozilla.org/de/firefox/features/" target="_blank">Firefox</a>
					und die aktuellste Version von <a href="https://www.google.com/chrome/" target="_blank">Google Chrome</a>!
				</em>
			</p>
		</div>
	</body>
</html>
